<!-- 节点数量明细 -->
<template>
	<view class="column-start" style="background: transparent;">
		<!-- <view class="row-between  headline-view">
			<view style="flex: 1;">
				<view class="column-div" style="width: 100upx; height: 50upx;" @click="goback">
					<uni-icons type="arrowleft" style="font-size: 36upx;color: #FFFFFF;"></uni-icons>
				</view>
			</view>
			<view style="font-size: 36upx;font-weight: bold;color: #FFFFFF;font-family: PingFang SC;">节点数量明细</view>
			<view style="flex: 1;"></view>
		</view> -->
		<!-- header部分 -->
		<!-- <view class='header-Container header-height'>
			<view class="header-bg"></view>
			<navHeader pageTitle="节点数量明细" colorTheme="opacity" >
			</navHeader>
		</view> -->
		<image src="../../../static/assets/bgtow.png" mode="widthFix" class="ba-img"></image>
		<diamond :text="detailData.blockHeight+''" title="区块高度" style="margin-top: 80upx ;margin-bottom: 52upx;"></diamond>
		<view class="row-between diamond-tow" style="margin-bottom: 128upx;">
			<diamond :text="detailData.fullNetworkNodes+''" title="全网节点" type></diamond>
			<diamond :text="detailData.chainValue+''" title="链分价值" type></diamond>
		</view>
		<diamond :text="detailData.chainPointBalance+''" title="链分值余额" style="margin-bottom: 52upx;"></diamond>
		<view class="row-between diamond-tow" style="margin-bottom: 52upx;">
			<diamond :text="detailData.destroyChainPoints+''" title="销毁链分" type></diamond>
			<diamond :text="detailData.createChainPoints+''" title="创养链分" type></diamond>
		</view>
		<view class="row-between diamond-tow" style="margin-bottom: 52upx;">
			<diamond :text="detailData.performanceChainPoints+''" title="业绩链分" type></diamond>
			<diamond :text="detailData.ecologicalChainPoints+''" title="生态链分" type></diamond>
		</view>
		<view class="row-between diamond-tow" style="margin-bottom: 52upx;">
			<diamond :text="detailData.technologyChainPoints+''" title="技术链分" type></diamond>
		</view>
	</view>
</template>

<script>
	import navHeader from '@/components/nav-header/nav-header';
	export default {
		components: {navHeader},
		data() {
			return {
				detailData:{}
			}
		},
		onLoad() {
			this.infoRequest()
		},
		methods: {
			goback() {
				uni.navigateBack()
			},
			// 初始化请求
			async infoRequest() {
				this.$api.showLoading()
				await this.getRequest()
				this.$api.hideLoading()
			},
			getRequest () {
				return this.$api.globalUtil.requestAjax({
					url: '/AccountBalanceApi/nodeDetails',
					method: 'POST',
					success: (res) => this.detailData = res.data.response
				});
			},
		}
	}
</script>
 
<style scoped lang="scss">
	/* header部分 */
	.header-Container {
		width: 100%;
		height: 176rpx;
		overflow: hidden;
		background: #ff9400;
		.leftBtns {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 86rpx;
			.back {
				margin-left: 17rpx;
				width: 44rpx;
				height: 44rpx;
			}
		}
	
		.title {
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 86rpx;
			line-height: 86rpx;
			text-align: center;
			font-size: 36rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: rgba(51, 51, 51, 1);
		}
	}
	
	.headline-view{
		width: 100%;
		position: relative;
		z-index: 2;
		/* #ifdef H5 */
		margin-top: 22rpx !important;
		/* #endif */
		
		/* #ifdef APP-PLUS */
		margin-top: calc(var(--status-bar-height) + 22rpx) !important;
		/* #endif */
		
		/* #ifdef MP-WEIXIN */
		margin-top: calc(var(--status-bar-height) + 176rpx) !important;
		/* #endif */
		margin-bottom: 100upx;
	}
	.ba-img{
		width: 100%;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
	}
	.diamond-tow{
		width: 100%;padding: 0 28upx;
	}
</style>
